<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/index.css">
    <title>Document</title>
</head>

<body>
    <div class="search-box">
        <div class="search">搜索目的地</div>
        <a href="#" class="user">
            我 的
        </a>
    </div>
    <!-- 焦点导航栏 -->
    <div class="focus">
        <img src="./images/pic.png" alt="" srcset="" width="100%" height="200">
    </div>
    <!-- 局部导航栏 -->
    <ul class="local-nav">
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
    </ul>
    <div class="main-nav-wrap">
        <ul>
            <li>1</li>
            <li>2</li>
            <li>3</li>

        </ul>
        <ul>
            <li>4</li>
            <li>5</li>
            <li>6</li>
        </ul>
        <ul>
            <li>7</li>
            <li>8</li>
            <li>9</li>
        </ul>
        <ul>
            <li>11</li>
            <li>22</li>
            <li>33</li>
        </ul>
        <ul>
            <li>111</li>
            <li>222</li>
            <li>333</li>
        </ul>
    </div>
    <div class="sub-banner">
        <div class="banner">内容区
        </div>
        <div class="banner">内容区
        </div>
    </div>
    <div class="toolbox">
        <div class="tool-group">
                <span class="tool-link">内容1</span>
                <span class="tool-link">内容2</span>
        </div>
        <div class="tool-ver">
            <div class="content">内容3</div>
        </div>
    </div>
    <div class="tabbar">
        <a href="#">首页</a>
        <a href="#">社区</a>
        <a href="#">消息</a>
        <a href="#">我的</a>
    </div>
</body>

</html>